<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=750,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<title>我的订单</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/order.css"/>
	</head>
	<body style="background: #f3f3f3;">
		<div class="wrapper">
			<div class="content">
				<div class="map" style="background: #ffffff;">
					<div class="show-right">
						<div id="map" style="width:100%;height:100%;"></div>
					</div>
				</div>
				
				<div class="order-wrap">
					<div class="lists using">
						<div class="head">
							<div class="time">开仓时间：2017.06-21</div>
							<div class="status">使用中</div>
						</div>
						<div class="main-cont">
							<div class="icon fl"><img src="https://img.thgo8.com/assets/images/07/03/864eb7fb40cc7462609ac25edca6d50ae46c8ec1.jpg" alt="" /></div>
							<div class="txt fr">
								<div class="main-top">
									<div class="name">千灯湖 C13</div>
									<div class="time-left"><span>剩</span>10天</div>
								</div>
								<div class="barn-type">中仓 4.7m³ 高2.3m</div>
								<div class="address">佛山市南海区桂城街道灯湖西路20佛山市南海区桂城街道灯湖西路20</div>
							</div>
						</div>
						<div class="button">
							<button class="order-det" onclick="location='orderDetails.html';">订单详情</button>
							<button class="retreat-btn">退仓</button>
							<button class="ctd-btn">续仓</button>
						</div>
					</div>
					<div class="lists retired">
						<div class="head">
							<div class="time">退仓时间：2017.06-01</div>
							<div class="status">已退仓</div>
						</div>
						<div class="main-cont">
							<div class="icon fl"><img src="https://img.thgo8.com/assets/images/07/03/864eb7fb40cc7462609ac25edca6d50ae46c8ec1.jpg" alt="" /></div>
							<div class="txt fr">
								<div class="main-top">
									<div class="name">千灯湖 C13</div>
									<div class="price">￥1300</div>
								</div>
								<div class="barn-type">中仓 4.7m³ 高2.3m</div>
								<div class="address">佛山市南海区桂城街道灯湖西路20佛山市南海区桂城街道灯湖西路20</div>
							</div>
						</div>
						<div class="button">
							<button class="order-det" onclick="location='orderDetails.html';">订单详情</button>
						</div>
					</div>
					<div class="lists unpaid">
						<div class="head">
							<div class="time">下单时间：2017-06-22</div>
							<div class="status">待支付</div>
						</div>
						<div class="main-cont">
							<div class="icon fl"><img src="https://img.thgo8.com/assets/images/07/03/864eb7fb40cc7462609ac25edca6d50ae46c8ec1.jpg" alt="" /></div>
							<div class="txt fr">
								<div class="main-top">
									<div class="name">千灯湖 C13</div>
									<div class="price">￥600</div>
								</div>
								<div class="barn-type">中仓 4.7m³ 高2.3m</div>
								<div class="address">佛山市南海区桂城街道灯湖西路20佛山市南海区桂城街道灯湖西路20</div>
							</div>
						</div>
						<div class="button">
							<button class="cancel-btn">取消订单</button>
							<button class="pay-btn">立即支付</button>
						</div>
					</div>
					<div class="lists paid">
						<div class="head">
							<div class="time">下单时间：2017-06-23</div>
							<div class="status">已支付</div>
						</div>
						<div class="main-cont">
							<div class="icon fl"><img src="https://img.thgo8.com/assets/images/07/03/864eb7fb40cc7462609ac25edca6d50ae46c8ec1.jpg" alt="" /></div>
							<div class="txt fr">
								<div class="main-top">
									<div class="name">千灯湖 C13</div>
									<div class="price">￥900</div>
								</div>
								<div class="barn-type">中仓 4.7m³ 高2.3m</div>
								<div class="address">佛山市南海区桂城街道灯湖西路20佛山市南海区桂城街道灯湖西路20</div>
							</div>
						</div>
						<div class="button">
							<button class="order-det" onclick="location='orderDetails.html';">订单详情</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
